<template>
  <div>
    <h1>自定义指令</h1>
    <input v-focus type="text">
  </div>
  <!-- 自定义指令：自己定义的指令，可以封装一些dom操作，扩展额外功能
    全局注册-语法
    Vue.directive('指令名', {
      "inserted" (el) {
        //可以对el标签，扩展额外功能
        el.focus()
      }
    })
    局部注册-语法
    diretives: {
      "指令名": {
        inserted () {
          //可以对el标签，扩展额外功能
          el.focus()
        }
      }
    }
    使用：
    <input v-指令名 type="text">
   -->
</template>

<script>
export default {
  directives: {
    focus: {
      inserted (el) {
        el.focus()
      }
    }
  }

}
</script>

<style>

</style>